// Rnk_Box
var Box = document.getElementById('Rnk');

//
const Collection = document.createDocumentFragment();
function Build(Quantres) {
    const Temporary = document.createElement('viod-box');
    const Top_lieder = document.createElement('viod-box');
    const Top_Mian = document.createElement('viod-box');
    if (Quantres == 3){
        Temporary.classList.add('Liner_Top');
        Collection.appendChild(Temporary);
        Temporary.innerText = "热推排行"
    }else if(Quantres == 2){
        Temporary.classList.add('Temporary');
        Collection.appendChild(Temporary);
        Temporary.appendChild(Top_lieder);
        Top_lieder.className = "lieder";
        Top_lieder.innerText = "1.";
        Temporary.appendChild(Top_Mian);
        Top_Mian.classList.add('Top');
        Top_Mian.innerText = "《"+"1111111111"+"》";
    }else if(Quantres == 1){
        Temporary.classList.add('Temporary');
        Collection.appendChild(Temporary);
        Temporary.appendChild(Top_lieder);
        Top_lieder.className = "lieder";
        Top_lieder.innerText = "2.";
        Temporary.appendChild(Top_Mian);
        Top_Mian.classList.add('Top');
        Top_Mian.innerText = "《"+"1111111111"+"》";
    }else{
        Temporary.className = "Temporary";
        Collection.appendChild(Temporary);
        Temporary.appendChild(Top_lieder);
        Top_lieder.className = "lieder";
        Top_lieder.innerText = ".";
        Temporary.appendChild(Top_Mian);
        Top_Mian.classList.add('Top');
        Top_Mian.innerText = "《"+"1111111111"+"》";
    }
}

for (let Quantity = 10;Quantity > 0;Quantity--){
    if (Quantity == 10){
        Build(3);
    }else if(Quantity == 9){
        Build(2);
    }else if(Quantity == 8){
        Build(1);
    }else{
        Build();
    }
    if (Quantity == 1){
        Box.appendChild(Collection);
    }
}